<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<style>
			.bc-social{
				width: 100%;
				height: 53px;
				background: rgb(245,245,245);
				margin-top: -50px;
				text-align: center;
			}
			.bc-social-buttons a{
				line-height: 53px;
				color:rgb(85,85,85) ;
			}
			.bc-social-buttons a:nth-child(3){
				text-decoration: none;
				/*width: 190px;*/
				/*height: 13px;*/
			}
			
			.weibo:hover{
				color: #F7463B;
				border-bottom: 1px solid #F7463B;
				
			}
			.page-header{
				text-align: center;
			}
			.caption{
				text-align: center;
				width: 260px;
				height: 217px;
			}
			.caption h3{
				color: rgb(51,122,183);
			}
			.caption h3:hover{
				color: rgb(35,82,124);
			}
			.caption h5{
				color: rgb(119,119,119);
				font-size: 16px;
			}
			.caption p{
				color: rgb(85,85,119);
				
			}
			.footer-lis{
				width: 100%;
				height: 1px;
				/*margin-top: 50px;
				margin-bottom: 30px;*/
				border-top: 1px solid rgb(238,238,238);
				/*border: 1px solid red;*/
				position: absolute;
				bottom: -5000px;
				left: 0;
			}
			.footer a,.footer{
				color: rgb(119,119,119);
			}
			.footer{
				margin-top: 80px;
				margin-bottom: 40px;
			}
			.breadcrumb a {
			    color: #9d9d9d;
			    line-height: 40px;
			    font-size: 16px;
			}
			.breadcrumb .one{
				font-size: 18px;
			}
		</style>
  
	</head>
	<body>
		<!--导航条-->
		
		<nav class="navbar navbar-inverse navbar-fixed-top" >
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-scale" aria-expanded="false">
	        	  	 		<span class="icon-bar"></span>
	        	  	 		<span class="icon-bar"></span>
	        	  	 		<span class="icon-bar"></span>
	        	  	 	</button>
						<a href="#" class="navbar-brand hidden-sm">Bootstrap中文网</a>
					</div>
					<div class="navbar-collapse collapse" role="navigation" id="nav-scale">
			            <ul class="nav navbar-nav">
			                <li class="hidden-sm hidden-md"><a href="#">Bootstrap2中文文档</a></li>
			                <li><a href="#">Bootstrap3中文文档</a></li>
			                <li><a href="#">Bootstrap 4.0 预览</a></li>
			                <li><a href="#">Less 教程</a></li>
			                <li><a href="#">jQuery API</a></li>
			                <li><a href="#">网站实例</a></li>
			            </ul>
			           <ul class="nav navbar-nav navbar-right hidden-sm">
			                <li><a href="#">关于</a></li>
			            </ul>
	                </div>
				</div>
			</nav>
		
				<!--上线-->
		<div class="footer-lis"></div>   
		<!--巨幕-->
		<div>
			<div class="jumbotron" style="background: url(image/icon001.png) repeat;">
				  <div class="container" style=" height: 450px; text-align: center;">
				      <h1 style="color: #fff; margin-top: 80px; font-size: 100px; font-weight: bold;">Bootstrap</h1>
					  <h2 style="color:#fff; line-height: 50px;">简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</h2>
					  <p class="masthead-button-links"><a class="btn btn-primary btn-lg" href="#" role="button">Bootstrap3中文文档（v3.3.7）</a></p>
					  <h4><a class="color-primary "  style="color: #fff;"  href="#" >Bootstrap3中文文档（v2.3.2）</a></h4>
				  </div>
			</div>
			
			<!--媒体-->
			<div class="bc-social">
				<div class="container">
				      <p class="bc-social-buttons">
				            <a href="#"><i class="question"></i> Bootstrap问答社区 </a>
				            <a href="#">|</a>
				        	<a href="#"><span class="weibo">新浪微博：@Bootstrap中文网</span> </a>
				        </p>
				</div>
		</div>
		
		
		
		<!--main-->
		<div class="container projects-header page-header">
			<h2>Bootstrap相关优质项目推荐</h2>
			<p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
		</div>
		
		
		<!--分块-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/codeguide.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/yarn.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/react.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/webpack.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>

		</div>
		
			<!--第二行-->
		
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/jqueryapi.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/w3schools.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/gulpjs.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/liquid.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第三行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/vuejs.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/lesscss.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/kuaiyun.jpg" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/lodash.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第四行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/progit.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/expo.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/underscore.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/gruntjs.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第五行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/rollup.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/webassembly.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/handlebars.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/sass.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第六行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootcdn.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/pug.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/stickup.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/responsive-nav.js.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		
		<!--第七行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/unslider.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/flat-ui.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/layoutit.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootstrap-switch.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第八行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/sco.js.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/icheck.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootstrap-wysiwyg.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/chart.js.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第九行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/preboot.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/jquery.pin.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bsie.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/messenger.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第十行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootstrap-datetimepicker.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/jquery-ui-bootstrap.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/google-bootstrap.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/metro-ui-css.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			
		</div>
		<!--第十一行-->
		<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/font-awesome.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/simpleicons.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootstrap-form-builder.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/h5bp.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			<!--第十二行-->
			<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/websafecolors.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/bootcdn.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/git-guide.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/grumblejs.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
			<!--第十三行-->
			<div class="container">
			<div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/cikonss.png" alt="...">
			      <div class="caption">
			        <h3>Bootstrap 编码规范</h3>
			        <h5>by @mdo</h5>
			        <p>Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/headroom.png" alt="...">
			      <div class="caption">
			        <h3> Yarn </h3>
			        <h5>中文手册</h5>
			        <p>Yarn 是一个快速、可靠、安全的依赖管理工具。是 NPM 的替代品。</p>
			      </div>
			    </div>
			  </div>

			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/zeptojs.png" alt="...">
			      <div class="caption">
			        <h3>React</h3>
			        <h5>用于构建用户界面的 JavaScript 框架 </h5>
			        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
			      </div>
			    </div>
			  </div>
			  <div class="row">
			  <div class="col-lg-3">
			    <div class="thumbnail">
			      <img src="images/buttons.png" alt="...">
			      <div class="caption">
			        <h3>Webpack</h3>
			        <h5>是前端资源模块化管理和打包工具</h5>
			        <p>Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。</p>
			      </div>
			    </div>
			  </div>
			</div>
		</div>
	</div>
</div>	
<!--脚-->
		
		<footer class="footer ">
			<div class="container">
				 <div class="row footer-top">
			        <div class="col-sm-6 col-lg-6">
			          <h4>
			            <img src="https://static.bootcss.com/www/assets/img/logo.png?1509529436504">
			          </h4>
			          <p>本网站所列开源项目的中文版文档全部由<a href="http://www.bootcss.com/">Bootstrap中文网</a>成员翻译整理，并全部遵循 <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>协议发布。</p>
			        </div>
			        <div class="col-sm-6  col-lg-5 col-lg-offset-1">
			          <div class="row about">
			            <div class="col-xs-3">
			              <h4>关于</h4>
			              <ul class="list-unstyled">
			                <li><a href="/about/">关于我们</a></li>
			                <li><a href="/ad/">广告合作</a></li>
			                <li><a href="/links/">友情链接</a></li>
			                <li><a href="/hr/">招聘</a></li>
			              </ul>
			            </div>
			            <div class="col-xs-3">
			              <h4>联系方式</h4>
			              <ul class="list-unstyled">
			                <li><a href="http://weibo.com/bootcss" title="Bootstrap中文网官方微博" target="_blank">新浪微博</a></li>
			                <li><a href="mailto:admin@bootcss.com">电子邮件</a></li>
			              </ul>
			            </div>
			            <div class="col-xs-3">
			              <h4>旗下网站</h4>
			              <ul class="list-unstyled">
			                <li><a href="http://www.golaravel.com/" target="_blank">Laravel中文网</a></li>
			                <li><a href="http://www.ghostchina.com/" target="_blank">Ghost中国</a></li>
			              </ul>
			            </div>
			            <div class="col-xs-3">
			              <h4>赞助商</h4>
			              <ul class="list-unstyled">
			                <li><a href="https://www.upyun.com" target="_blank">又拍云</a></li>
			              </ul>
			            </div>
			          </div>
			  
			        </div>
			      </div>
			      <hr/>
			      <div class="row footer-bottom">
			        <ul class="list-inline text-center">
			          <li><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a></li><li>京公网安备11010802014853</li>
			        </ul>
			      </div>
				
			</div>
			
		</footer>

		<script src="https://cdn.bootcss.com/jquery/3.0.0-rc1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
		
</html>
